<template>
	<view style="position: relative;height: 100%;">
		<view style="height: 100px;" class="content1">我需要提示信息11</view>
		<view style="height: 100px;" class="content2">我需要提示信息2</view>
		<view style="height: 100px;" class="content3">我需要提示信息3</view>
		<view style="height: 100px;" class="content4">我需要提示信息4</view>

		<view style="height: 100px;">
			<view style="height: 100px;width: 100px;background-color: red;margin: 0 auto;" class="content5">
				aaa
			</view>
		</view>
		<view style="height: 500px;">
			<view style="height: 100px;width: 100px;background-color: red;float: right;" class="content6">
				bbb
			</view>
		</view>
		<view style="height:100px;position: absolute;bottom: 0px;width: 100%">
			<view style="height: 100px;width: 100px;background-color: red;float: right;" class="content7">
				ccc
			</view>
		</view>
		<!-- 引导页 -->
		<guideStep :step="step"></guideStep>
	</view>
</template>
<script>
	import guideStep from '@/components/yh-guideStep/guideStep.vue'
	export default {
		components: {
			guideStep
		},
		onLoad() {
			uni.removeStorageSync('workbenchKey');
		},
		data() {
			return {
				step: {
					name: 'workbenchKey',
					guideList: [{
							el: '.content1',
							tips: '点击这里，步骤一',
							style: "border-radius: 8rpx;margin: 0",
						},
						{
							el: '.content2',
							tips: '点击这里，步骤二',
							style: "border-radius: 8rpx;margin: 0",
						},
						{
							el: '.content3',
							tips: '点击这里，步骤三',
							style: "border-radius: 8rpx;margin: 0",
						}, {
							el: '.content4',
							tips: '点击这里，步骤四！',
							style: "border-radius: 8rpx;margin: 0",
						}, {
							el: '.content5',
							tips: '点击这里，步骤四！',
							style: "border-radius: 8rpx;margin: 0",
						}, {
							el: '.content6',
							tips: '点击这里，步骤四！',
							style: "border-radius: 8rpx;margin: 0",
						}, {
							el: '.content7',
							tips: '点击这里，步骤四！',
							style: "border-radius: 8rpx;margin: 0",
						}
					]
				}
			}
		}
	}
</script>